<template>
	<view class="shop">
		<block v-for="(item,index) in shopList" :key='index'>
			<view class="shop-item">
				<image class="shop-big" :src="item.bigUrl" mode=""></image>
			</view>

			<scroll-view scroll-x="true" class="scroll-content">
				<view class="scroll-item">
					<Commodity itemW="200rpx" wrap="nowrap" :CommodityObj="item.data"></Commodity>
				</view>
			</scroll-view>
		</block>
	</view>
</template>

<script>
	import Commodity from '@/components/common/Commodity.vue'
	export default {
		props: {
			shopList: Array
		},
		components: {
			Commodity
		}
	}
</script>

<style scoped>
	.shop-big {
		width: 100%;
		height: 350rpx;
	}

	.scroll-content {
		width: 100%;
		white-space: nowrap;
	}

	.scroll-item {
		display: inline-block;
	}
</style>
